/*
 * @Author: czy0729
 * @Date: 2022-08-13 04:31:38
 * @Last Modified by: czy0729
 * @Last Modified time: 2025-11-09 03:07:34
 */
import { _ } from '@stores'

const width = 200

export const memoStyles = _.memoStyles(() => ({
  subject: {
    position: 'absolute',
    zIndex: 10000,
    width,
    borderRadius: _.radiusSm,
    overflow: 'hidden'
  },
  container: {
    width,
    height: width * 0.75,
    backgroundColor: _.select(
      `rgba(0, 0, 0, ${_.ios('0.08', '0.16')})`,
      `rgba(255, 255, 255, ${_.ios('0.24', '0.05')})`
    ),
    borderRadius: _.radiusSm,
    overflow: 'hidden'
  },
  touch: {
    borderRadius: _.radiusSm,
    overflow: 'hidden'
  },
  item: {
    width: width * 0.2,
    height: width * 0.2
  },
  itemActive: {
    backgroundColor: 'rgba(254, 138, 149, 0.12)'
  },
  bgm: {
    marginTop: -3
  }
}))
